<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>

<body class="main">
    <header>
        <span>有品</span>
        <div class="nav">
            <input type="text" name="" id="" placeholder="搜一搜">
            <span class="iconfont icon-BAI-fangdajing"></span>
        </div>
    </header>
    <main class="text">
        <p class="jihua"><img src="../../public/imgs/001.png" alt=""></p>
        <ul>
            <li class="shangxin">
                <img src="../../public/imgs/01.png" alt="">
                <p>上新精选</p>
            </li>
            <li class="zhineng">
                <img src="../../public/imgs/02.png" alt="">
                <p>智慧家居</p>
            </li>
            <li  class="miaoshaa">
                <img src="../../public/imgs/03.png" alt="">
                <p>有品生鲜</p>
            </li>
            <li class="youxuan">
                <img src="../../public/imgs/04.png" alt="">
                <p>生活优选</p>
            </li>
            <li>
                <img src="../../public/imgs/05.png" alt="">
                <p>小米自营</p>
            </li>
        </ul>
        <div class="new">
            <p class="qq"><span>上新精选</span><span class="jingxuan">更多></span></p>
            <div class="qw">
                <div class="day">
                    <span class="pr">7天保价</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
                <div class="day">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
                <div class="day">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
                <div class="day">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
                <div class="day">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
                <div class="day">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/111.png" alt="">
                    <p>新抗原试剂盒</p>
                </div>
            </div>
        </div>

        <div class="new">
            <p class="qq"><span>有品秒杀</span><span class="miaosha">更多></span></p>
            <div class="qw">
                <div class="day days">
                    <span class="pr">秒杀一刻</span>
                    <img src="../../public/imgs/111222.png" alt="">
                    <p>99.9起</p>
                </div>
                <div class="day days">
                    <span class="year">秒杀了</span>
                    <img src="../../public/imgs/1212.png" alt="">
                    <p>23.9起</p>
                </div>
                <div class="day days">
                    <span class="year">最后一刻</span>
                    <img src="../../public/imgs/2121.png" alt="">
                    <p>￥9.9</p>
                </div>
                <div class="day days">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/123321.png" alt="">
                    <p>39.9起</p>
                </div>
                <div class="day days">
                    <span class="year">秒杀了</span>
                    <img src="../../public/imgs/2112.png" alt="">
                    <p>19.9</p>
                </div>
                <div class="day days">
                    <span class="year">年货节</span>
                    <img src="../../public/imgs/567.png" alt="">
                    <p>9.9</p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <ul>
            <li>
                <span class="iconfont icon-shouyetianchong"></span>
                <p>首页</p>
            </li>
            <li>
                <span class="iconfont icon-fenlei"></span>
                <p>分类</p>
            </li>
            <li class="car">
                <span class="iconfont icon-gouwuchekong"></span>
                <p>购物车</p>
            </li>
            <li>
                <span class="iconfont icon-shouye"></span>
                <p>我的</p>
            </li>

        </ul>
    </footer>
</body>

</html>